@charset "utf-8";
/**
 * Created by kroyo on 2018/04/19.
 * companyinfor   公司信息页面样式
 */


@import 'common/mixincommon';



.company-logo{
    font-size: 0;
    padding-top: r(50px);
    padding-bottom: r(50px);
    .logo-wrapper{
        display: inline-block;
        width: r(120px);
        height: r(120px);
        border-radius: 50%;
        margin-right: r(20px);
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        img{
            width: 100%;
            vertical-align: middle;
        }
    }
    .logo-text{
        display: inline;
        color: $borcolor;
        font-size: r(28px);
        vertical-align: middle;
    }
}



.company-item{
    .item-label{
        color: $s3;
        font-size: r(30px);
        line-height: r(34px);
    }
    .company-input{
        width: 100%;
        height: r(80px);
        color: $s6;
        font-size: r(28px);
        border-radius: r(10px);
        border: r(1px) solid $sc;
        padding: 0 r(20px);
        margin: r(30px) 0 r(50px);
        @include inputplace($borcolor);
    }
    textarea{
        width: 100%;
        height: r(280px);
        border-radius: r(10px);
        border: r(1px) solid $sc;
        padding: r(20px);
        margin: r(30px) 0 r(50px);
        @include inputplace($borcolor);
        @include fontfamily;
        resize: none;
    }
}




.company-detailfigure{
    .filebtn{
        display: block;
        width: r(320px);
        height: r(80px);
        line-height: r(80px);
        border-radius: r(10px);
        border: solid r(2px) $acolor;
        color: $acolor;
        font-size: r(28px);
        text-align: center;
        margin-top: r(30px);
        margin-bottom: r(30px);
        i{
            margin-right: r(10px);
        }
    }
    .list-li{
        float: left;
        position: relative;
        width: r(320px);
        height: r(240px);
        margin-right: r(30px);
        margin-bottom: r(30px);
        overflow: hidden;
        text-align: center;
        img{
            width: 100%;
            vertical-align: middle;
        }
        .img-shade{
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            width: 100%;
            height: r(80px);
            line-height: r(80px);
            background-color: rgba(0,0,0,.8);
        }
        .iconfont{
            color: $sf;
            font-size: r(30px);
        }
        &:nth-of-type(2n){
            margin-right: 0;
        }
    }
}